<template>
    <div class="myList">
        <div class="title">{{item.title}}</div>
        <div class="timer">
            <i class="iconfont icon-shizhong"></i>
            {{item.start_play_date | filTime}} | 
            共{{item.sales_num}}课时
        </div>
        <!-- <div class="name">
            <img :src="item.teachers_list.teacher_avatar" alt="">
            {{item.teachers_list.teacher_name}}
        </div> -->
        <div class="bao">
            {{item.brows_num}}人已报名
        </div>
        <div class="price">
            {{item.price==0?'免费':item.price}}
        </div>
    </div>
</template>

<script>
export default {
    filters:{
        filTime(val){
            let time = new Date(val).toLocaleString()
            return time
        }
    },
    props:{
        item:Object,
    },
    data() {
        return {
            
        }
    },
    methods: {
        
    },
}
</script>

<style lang="scss" scoped>
    .myList{
        padding: 45px 20px 20px 20px;
        background-color: #fff;
        border-radius: 20px;
        width: 95%;
        margin: 25px auto;
        overflow: hidden;
        .title{
            font-size: 30px;
            margin-bottom: 20px;
        }
        .timer{
            display: flex;
            align-items: center;
            color: #666;
            margin-bottom: 25px;
        }
        .bao{
            float: left;
            margin-top: 25px;
        }
        .price{
            float: right;
            color: #44a426;
            font-size: 30px;
            margin-top: 25px;
        }
    }
</style>